import React, { Component } from 'react'
import './index.css'
import listpic from '../../assets/images/listpic.png'
export default class ClassContent extends Component {
    render() {
        // 榜单列表
        const { list } = this.props
        return (
            
            <ul className="classList">
                {
                    list.map((item,index) =>{
                        return (
                            <li key={index}>
                                <div className="list-pic" >
                                    <img src={listpic} alt="" />
                                </div>
                                <div className="list-txt">
                                    <div>
                                        {item.rank_name}
                                    </div>
                                    <div>
                                        {item.tips}
                                    </div>
                                    <div>
                                        {item.date} 《{item.book_name}》
                                    </div>
                                </div>
                            </li>
                        )
                    })
                }
            </ul>
        )
    }

    

    

}
